<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{usuarioLabels.TituloDetalles}"></h:outputText>
        </ui:define>

        <ui:define name="body">
            <h:form>
                <p:panel header="Detalle del usuario" style="font-size: small">
                    <h:inputHidden value="#{usuarioController.selected.id}"/>
                    <table border="1" class="detalle">
                        <tr>
                            <th align="right" scope="row">
                                <h:outputText value="#{usuarioLabels.Cedula}s:"/> 
                            </th>
                            <td align="left">
                                <h:outputText value="#{usuarioController.selected.cedula}" />
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <h:outputText value="#{usuarioLabels.Nombre}s:"/> y
                                <h:outputText value="#{usuarioLabels.Apellido}s:"/>
                            </th>
                            <td align="left">
                                <h:outputText value="#{usuarioController.selected.nombres}" />&nbsp;<h:outputText value="#{usuarioController.selected.apellidos}" />
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <h:outputText value="#{usuarioLabels.Correo}:"/>
                            </th>
                            <td align="left">
                                <h:outputText value="#{usuarioController.selected.correo}" /> 
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <h:outputText value="#{usuarioLabels.Rol} Asignado:"/>
                            </th>
                            <td align="left">
                                <h:outputText value="#{rolController.getNombreRolByUsuario(usuarioController.selected.rol_id)}" /> 
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <h:outputText value="#{usuarioLabels.Descripcion}:"/>
                            </th>
                            <td align="left">
                                <h:outputText value="#{usuarioController.selected.descripcion}" /> 
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <h:outputText value="#{usuarioLabels.FechaCreacion}:"/>
                            </th>
                            <td align="left">
                                <h:outputText value="#{usuarioController.selected.fecha_creacion}" >
                                    <f:convertDateTime pattern="dd/MMM/yyyy HH:mm:ss" locale="es_EC" timeZone="America/Guayaquil" />
                                </h:outputText>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <h:outputText value="#{usuarioLabels.Estado}"/>
                            </th>
                            <td>
                                <p:selectBooleanCheckbox disabled="true" value="#{usuarioController.selected.estado}"/>
                            </td>
                        </tr>
                    </table>
                    <br/>
                    <p:separator />
                    <br/>
                    <h2 align="center">Permisos y acciones asignadas</h2>
                    <br/>
                    <table border="1" style="border-color: #c77405; width: 100%; font-size: small">
                        <ui:repeat value="#{permisoController.getPermisosByRolId(usuarioController.selected.rol_id)}" var="permiso">
                            <tr>
                                <th align="left">
                                    <p:outputLabel value="#{permiso.nombre}"/>
                                </th>
                                <ui:repeat value="#{accionController.getAccionByIdPermiso(permiso.id)}"
                                           var="accion">
                                    <td>                                        
                                        <div class="ui-chkbox ui-widget">   
                                            <ui:fragment rendered="#{accionRolController.findAByIdRolIdAccion(usuarioController.selected.rol_id, accion.id)==null}">
                                                <input type="checkbox" value="#{accion.id}" disabled="true"
                                                       name="accionesSeleccionadas"/><label>#{accion.nombre}</label>
                                            </ui:fragment>
                                            <ui:fragment rendered="#{accionRolController.findAByIdRolIdAccion(usuarioController.selected.rol_id, accion.id)!=null}">
                                                <input type="checkbox" value="#{accion.id}" checked="checked" disabled="true"
                                                       name="accionesSeleccionadas"/><label>#{accion.nombre}</label>
                                            </ui:fragment>
                                        </div> 
                                    </td>
                                </ui:repeat>
                            </tr>
                        </ui:repeat>
                    </table>
                    <br />
                    <p:commandLink  style="font-size: x-small" action="#{usuarioController.cargarEditarDetalleUsuario(usuarioController.selected.id)}" 
                                    value="#{permisoLabels.Editar}" ajax="false"
                                    rendered="#{accionController.getAccionByVista('Usuario', 'Editar')}"/>
                    <br />
                    <h:link style="font-size: x-small" outcome="Index" value="#{permisoLabels.RegresarIndex}"/>
                    <br />
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>
</html>

